更多|自主权_RancherDashboard面向海量资源管理的产品优化

篇首语：本文由编程笔记#小编为大家整理，主要介绍了Rancher Dashboard 面向海量资源管理的产品优化相关的知识，希望对你有一定的参考价值。

作者&＃xff1a;刘研&＃xff0c;SUSE UI 工程师

介绍

Rancher Dashboard UI&＃xff0c; 又名 Cluster Explorer&＃xff0c; 是使用 Vue.js 和 NuxtJS 构建的 Rancher API 的 ”无状态” 客户端。它通常被构建和打包为静态 html/CSS/JS 文件&＃xff0c;这些文件捆绑到 Rancher 发行版中。

登录用户可以管理所有被授权访问的 k8s 集群资源&＃xff0c;并可以对大部分类型资源以表单的方式进行编辑&＃xff0c;而不是编辑 YAML。

概述

Rancher Dashboard UI 团队非常重视前端用户的使用体验&＃xff0c;每次发版都会让 Rancher Dashboard UI 的性能进一步优化&＃xff0c;让 Rancher Dashboard UI 操作更加流畅&＃xff0c;资源显示更加快速&＃xff0c;资源占用进一步减少。

随着集群规模不断变大&＃xff0c;资源数量越来越多&＃xff0c;部分用户开始发现 Rancher Dashboard UI 页面显示速度变得缓慢&＃xff0c;长时间停留在 loading 页面&＃xff0c;针对这个问题 Rancher Dashboard UI 从 v2.6.7 版本开始将这部分优化设置暴露出来&＃xff0c;给用户更多的自主权。本文将介绍两种改善页面显示速度、提高 UI 响应性能的设置。

一、增量加载

Rancher Dashboard UI v2.6.7 版本开始支持启用或禁用增量加载数据功能&＃xff0c;并可设置对应的阈值&＃xff0c;如果资源数量超出阈值&＃xff0c;则进行增量加载数据。预计在 v2.6.9 版本中将默认启用该功能。

启用资源增量加载后&＃xff1a;

1. 大数据量下&＃xff0c;进入相关资源页面不用再等待所有数据都返回后再显示页面&＃xff0c;即用户不用再长时间面对 loading 页面了&＃xff0c;可以更快地进入页面看到数据。
2. 增量加载数据&＃xff0c;进度可视化。可以看到当前加载进度(每个版本升级都可能对加载进度 UI 进行改善&＃xff0c;注意关注)。

3. 增量加载资源阈值可配。用户可以根据实际情况&＃xff0c;比如网络速度、资源总量等情况&＃xff0c;设置资源在大于多少数量时&＃xff0c;启用增量加载。

4. 启用增量加载后&＃xff0c;前端会分页加载资源&＃xff0c;避免一次请求加载过多资源&＃xff0c;让前端用户长时间等待&＃xff0c;同时避免增加后端服务的内存压力和网络压力&＃xff0c;一举两得。

具体设置菜单为&＃xff1a;Global Settings -> Performance&＃xff0c;Enable incremental loading 选项&＃xff0c;启用并根据实际情况设置阈值。

手动刷新数据列表

Rancher Dashboard UI 从 v2.6.7 版本开始支持启用或禁用手动刷新列表数据&＃xff0c;如果资源数量超出阈值&＃xff0c;UI 不会自动更新列表数据。

启用手动刷新列表数据后&＃xff1a;

1. 列表数据不会自动更新&＃xff0c;用户须手动刷新列表视图。

2. 因为 UI 不会 watch 某些类型资源的变更&＃xff0c;并减少了服务端 watch 资源数量和推送相关类型资源的变更&＃xff0c;从而降低了服务器端网络和内存的压力。
3. 因为 UI 不会收到相关类型资源频繁的变更推送&＃xff0c;不会更新缓存&＃xff0c;列表数据不会自动更新&＃xff0c;这就使 UI 操作变得更加流畅。

这个功能还有很大的改善空间&＃xff0c;未来会持续改进这个功能。

具体设置菜单为&＃xff1a;Global Settings -> Performance Enable manual refresh of data for lists 选项启用&＃xff0c;并根据实际情况设置阈值。

目前支持增量加载数据和手动刷新列表数据功能的资源类型包括&＃xff1a;POD&＃xff0c;STATEFUL_SET&＃xff0c;DAEMON_SET&＃xff0c;CRON_JOB&＃xff0c;JOB&＃xff0c;SECRET&＃xff0c;DEPLOYMENT等&＃xff0c;后续的版本将会支持更多类型资源&＃xff0c;敬请关注。